<template>
		<view>
			  <button type="primary" @click="gotoAudio">使用name对象跳转2</button>
				<button type="primary" @click="gotofenbao">跳到分包</button>
				<button type="primary" @click="gotomap">跳到地图</button>
				<button type="primary" @click="gotoupload">跳到上传</button>
				<button type="primary" @click="gotodrag">跳到拖拽</button>
				
			<u-button >默认按钮</u-button>
			<u-notice-bar mode="horizontal" :list="list"></u-notice-bar>
			<button open-type="contact" bindcontact="handleContact">微信小程序聊天</button>
			

			

		</view>
</template>
<script>
	
	// import echarts from '@/echartsComponents/echarts/echarts.min.js';
	 // import echarts from '@/echartsComponents/echarts/echarts.simple.min.js';
	export default {
		data() {
			return {
				list: [
					'寒雨连江夜入吴',
					'平明送客楚山孤',
					'洛阳亲友如相问',
					'一片冰心在玉壶'
				],
				left:100,
				mapData:{longitude:0,latitude:0},
				showRigth: false,
			}
		},

		onLoad(options) {
			// uni.redirectTo({
			// 		url: '/pages/map/map',
			// 		success: res => {},
			// 		fail: () => {},
			// 		complete: () => {}
			// });
			// if(options.query != undefined){
				// console.log('来自其他地方传来的数据',options.userId)
			// }
			
			// console.log(this.$Router.meta)
			
			
			
			
			let _this = this;
	// #ifdef MP-WEIXIN
			uni.getLocation({
				type: 'wgs84',
				success(res) {
					//116.725922
					//23.390704
					// this.mapData = res;
					// _this.mapData = {longitude:res.longitude,latitude:res.latitude}
					console.log('当前位置的经度：' + res.longitude);
					console.log('当前位置的纬度：' + res.latitude);
				},
				fail(err){
					console.log('获取失败',err)
				}
			});
			
			uni.createMapContext("navmap",this);  
			
			
			
				// 仅作为示例，非真实参数信息。 微信小程序支付
				// uni.requestPayment({
				// 	provider: 'wxpay',  //提供服务商
				// 	timeStamp: String(Date.now()), //时间戳
				// 	nonceStr: 'A1B2C3D4E5',  //随机字符串
				// 	package: 'prepay_id=wx20180101abcdefg',  //统一下单接口返回的 prepay_id 参数值
				// 	signType: 'MD5',  //签名算法
				// 	paySign: '',  //签名
				// 	success: function (res) { //成功回调
				// 		console.log('success:' + JSON.stringify(res));
				// 	},
				// 	fail: function (err) {//失败回调
				// 		console.log('fail:' + JSON.stringify(err));
				// 	}
				// });
				// uni.showShareMenu({
				// 	withShareTicket:true,
				// })
				
		
			//#endif
		
			

			
			// setInterval(()=>{
			// 	this.left -= 0.5;
			// 	if(this.left < -20){
			// 		this.left = 100;
			// 	}
			// },10)

			// '192.168.88.104:1000/test/get'
			// https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13531196480
			// console.log(options)
			// uni.request({
			//     url: '/test/get', //仅为示例，并非真实接口地址。
			// 	method:"GET",
			//     // header: {
			//     //     'custom-header': 'hello' //自定义请求头信息
			//     // },
			//     success: (res) => {
			//         console.log(res.data);
			//         // this.text = 'request success';
			//     }
			// });
		},
		methods: {
			gotoAudio(){
				// console.log('点击跳转')
				// console.log(this.$Router.push,'aaaasdasdsa')
				// this.$Router.push('audio')
				
				this.$Router.push({ name: 'indexChild1', params: { userId: '这里是index' }})
				// this.$Router.push({ name: 'audio', params: { userId: '这里是index' }})
			},
			gotomap(){ 
				this.$Router.push({ name: 'map', params: { userId: '这里是map' }})
			},
			gotofenbao(){
				// console.log('点击跳转222')
					// uni.redirectTo({
					// 		url: '/pages2/index/index?userId=这里是index'
					// });
					this.$Router.push({ name: 'indexChild1', params: { userId: '这里是index' }})
				// this.$Router.replace({ name: 'indexChild1', params: { userId: '这里是index' }})
			},
			gotoupload(){
				this.$Router.push({ name: 'upload', params: { userId: '这里是upload' }})
			},
			gotodrag(){
				// console.log('进入到跳转')
				this.$Router.push({ name: 'drag', params: { userId: '这里是drag' }})
			},
			onShareAppMessage( options ){
	        var that = this;
			    // 设置菜单中的转发按钮触发转发事件时的转发内容
		       var shareObj = {
		         title: "转发的标1111题",        // 默认是小程序的名称(可以写slogan等)
		         path: '/pages/index/index',        // 默认是当前页面，必须是以‘/’开头的完整路径
		         imageUrl: 'https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1906469856,4113625838&fm=26&gp=0.jpg',     //自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
		         success(res){
			        // 转发成功之后的回调
										console.log('转发成功');
			           if(res.errMsg == 'shareAppMessage:ok'){
										console.log('转发成功');
			           }
		          },
			         fail(){
			           // 转发失败之后的回调
		            if(res.errMsg == 'shareAppMessage:fail cancel'){
			               // 用户取消转发
										console.log('用户取消转发');
			           }else if(res.errMsg == 'shareAppMessage:fail'){
			             // 转发失败，其中 detail message 为详细失败信息
										console.log('转发失败');
		             }
		        },
						complete(){
							console.log('转发结束之后的回调')
			      }
		     };
         return shareObj;
			}
		},
		// onNavigationBarButtonTap(e) {
		// 	this.showRigth = !this.showRigth
		// },
		// onBackPress() {
		// 	if (this.showRigth || this.showLeft) {
		// 		this.hide()
		// 		return true
		// 	}
		// }
	}
</script>

<style lang="less">
	.scroll{
		position: absolute;
		top: 0;
		/* left:80%; */
		background:red;
		z-index: 999;
	/* 	div{
			background-color: red;
		} */
	}
	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #fff
	}

	view {
		font-size: 28upx;
		line-height: inherit
	}

	.example {
		padding: 0 30upx 30upx
	}

	.example-title {
		font-size: 32upx;
		line-height: 32upx;
		color: #777;
		margin: 40upx 25upx;
		position: relative
	}

	.example .example-title {
		margin: 40upx 0
	}

	.example-body {
		padding: 0 40upx
	}

	.header {
		display: flex;
		flex-direction: row;
		padding: 10px 15px;
		align-items: center;
	}

	.input-view {
		display: flex;
		align-items: center;
		flex-direction: row;
		background-color: #e7e7e7;
		height: 30px;
		border-radius: 15px;
		padding: 0 10px;
		flex: 1;
	}

	.uni-padding-wrap {
		padding: 0 15px;
		line-height: 1.8;
	}

	.input {
		flex: 1;
		padding: 0 5px;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
	}

	.input-view .input {
		background-color: transparent;
	}

	.close {
		padding: 30upx;
	}
</style>


